﻿@page
@model _17bang.Pages.RegisterModel
@{
    ViewData["Title"] = "注册.一起帮";
    Layout = "Layout/_Dual";
}
<style>
    .field-validation-error {
        color: red;
        font-size: 12px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

        .field-validation-error::before {
            content: '\f119';
        }
</style>
<div class="container" style="padding-top:120px">
    <h3><span class="fa fa-registered">注册</span></h3>
    <hr />
    <div class="row" style="padding-top:50px">
        <div class="col-5">
            <form asp-page="/Register" method="post">
                <div class="alert alert-warning" style="display:block;border: 1px dashed">
                    <a asp-page="/FAQ/Index"><span class="fa fa-question-circle">为什么需要邀请</span></a><br />
                    <div class="form-group">
                        <label><b>邀请人：</b>（*必填，<a asp-page="/User/Inviters" title="点击由系统推荐">没有邀请人</a>）</label><br />
                        <input type="text" placeholder="他的用户名，模糊查询只能从头开始" asp-for="ReUser.InvitedByName" class="form-control">
                        <span asp-validation-for="ReUser.InvitedByName"></span>
                    </div>
                    <div>
                        <label><b>邀请码：（*必填）</b></label><br />
                        <input type="text" placeholder="4位数字" asp-for="ReUser.InVitedByCode" class="form-control" />
                        <span asp-validation-for="ReUser.InVitedByCode"></span>
                    </div>
                </div>
                <div class="form-group">
                    <label><b>用户名：（*必填）</b></label>
                    <input type="text" placeholder="小九" asp-for="ReUser.Name" class="form-control">
                    <span asp-validation-for="ReUser.Name"></span>
                </div>
                <div class="form-group">
                    <label><b>密码：（*必填）</b></label>
                    <input type="password" placeholder="******" asp-for="ReUser.Password" class="form-control" />
                    <span asp-validation-for="ReUser.Password"></span>
                </div>
                <div class="form-group">
                    <label><b>验证密码：（*必填）</b></label>
                    <input type="password" placeholder="和密码相同" asp-for="VerifyPassword" class="form-control" />
                    <span asp-validation-for="VerifyPassword"></span>
                </div>
                <div class="form-group">
                    <label><b>验证码：（*必填）</b></label><br />
                    <input type="text" asp-for="ReUser.Code" style="width:80px;display:inline" />
                    <span>点击输入框显示</span>
                    <span asp-validation-for="ReUser.Code"></span>
                </div>
                <div class="form-inline">
                    <button type="submit" class="btn btn-primary" asp-page="/Register">提交</button>
                    <button type="reset" class="btn btn-light" asp-page="/Register">重置</button>
                    <a asp-page="/Log/On"><span class="fa fa-sign-in" style="padding-left:280px"></span>登录</a>
                </div>
            </form>
        </div>
        <div class="col-7" style="padding:0px 50px 0px 50px">
            <div class="container">
                <h4><span class="fa fa-question-circle">说明</span></h4>
                <ol>
                    <li>我们通过<a href="https://17bang.ren/About/Us">一起帮</a>，能<b>直接解决</b>大家在电脑操作/软件使用/编程学习等方面的<b>具体问题</b>。</li>
                    <li>现在互联网远程技术（比如QQ桌面共享）已经非常成熟，当我们再遇到上述问题，如果别人能直接远程给予帮助，岂不是好？</li>
                    <li>当然，你也可以在你熟悉的领域去帮助别人。由此而形成我们这个“你帮他他帮我我帮你，大家一起帮”的网上互助社区平台。</li>
                    <li>公平起见，我们还引入了 帮帮点/币/豆 三级概念，以记录和衡量社区成员的收获和贡献。</li>
                    <li>赶快加入我们，赚取帮帮币吧！</li>
                    <li><a href="https://17bang.ren/About/Us">了解更多</a></li>
                </ol>
            </div>
        </div>
    </div>
</div>

